<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/cssreset.css" rel="stylesheet" type="text/css">
    <link href="css/head_botm_mode_first.css" rel="stylesheet" type="text/css">
    <link href="css/second_model.css" rel="stylesheet" type="text/css">
    <link href="css/lunbo.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
    <script type="text/javascript" src="js/jquery.touchSlider.js"></script>
    <script type="text/javascript" src="js/menu_model_first.js"></script>
    <title>第二版</title>
</head>
<body>
<div class="first_model_container">
    <div class="main_visual">
        <nav class="hidden-xs nav_scd_index">
            <div class="nav_container">
                <ul class="nav_main">
                    <li><a class="f16 wh">管理</a></li>
                    <li><a class="f16 wh">联系我们</a></li>
                    <li><a class="f16 wh">新闻中心</a></li>
                    <li><a class="f16 wh">服务咨询</a></li>
                    <li><a class="f16 wh">关于公司</a></li>
                    <li class="act"><a class="f16 wh">首页</a></li>
                    <li><a><img src="images/model/logo.png"><span>维沃柯</span></a></li>
                </ul>
            </div>
        </nav>

        <div class="flicking_con model_btn">
            <div class="flicking_inner model_btn_now">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <div class="main_image main_img_model">
            <ul>
                <li><span class="img_1"></span></li>
                <li><span class="img_2"></span></li>
                <li><span class="img_3"></span></li>
                <li><span class="img_4"></span></li>
                <li><span class="img_5"></span></li>
            </ul>
        </div>
    </div><!--轮播结束-->
    <!-- 关于我们-->
    <div class="about_scd">
        <h1 class="g3">关于我们</h1>
        <h2 class="g3">WHO WE ARE</h2>
        <h3 class="visible-xs">替品牌讲好听故事就是我们一直做的事情。</h3>
        <p class="g6 hidden-xs">我们是一家专注于品牌营销和效果营销的数字整合营销传播公司，以领先的技术实力和设计水平，打造行</p>
        <p class="g6 hidden-xs">业品牌、树立企业形象，为客户提供网站建设、视觉设计开发、品牌整合营销推广、电商产品运营推广、三维互动互联</p>
        <p class="g6 hidden-xs">网新技术应用为一体的创新级高端品牌网站建设服务。作为知名的网络整包服务公司，我们以领</p>
        <p class="g6 hidden-xs">先的互联网技术、优秀的创意设计、独特的品牌营销战略为知名品牌和上市集团提供全方位网络品牌打造和效果营销一站式解决方案</p>
        <p class="g6 hidden-xs">，以客户的口碑塑造我们的品牌，携手广大客户，共同发展进步。</p>
        <p class="g3 visible-xs">我们是一家专注于品牌营销和效果营销的数字整合营销传播公司，以领先的技术实力和设计水平，打造行业品牌、树立企业形象，为客户提供网站建设、视觉设计开发、品牌整合营销推广、电商产品运营推广、三维互动互联网新技术应用为一体的创新级高端品牌网站建设服务。</p>
        <a class="visible-xs">查看详情>></a>
    </div>
    <!-- 服务范围-->
    <div class="service_box">
        <h1 class="g3">服务范围</h1>
        <h2 class="g3">SCOPE OF SERVICE</h2>
        <div class="service">
            <div class="service_main">
                <img src="images/model/services01.png">
                <h3>企业宣传片</h3>
                <p class="g3 hidden-xs">TVC电视广告片</p>
                <p class="g3 hidden-xs">企业形象宣传片</p>
                <p class="g3 hidden-xs">产品推广片</p>
            </div>
            <div class="service_main">
                <img src="images/model/services02.png">
                <h3>网络营销</h3>
                <p class="g3 hidden-xs">微电影</p>
                <p class="g3 hidden-xs">网络病毒视频</p>
                <p class="g3 hidden-xs">产品运营</p>
            </div>
            <div class="service_main">
                <img src="images/model/services03.png">
                <h3>商业服务</h3>
                <p class="g3 hidden-xs">活动与会议拍</p>
                <p class="g3 hidden-xs">平面摄影</p>
                <p class="g3 hidden-xs">教育培训</p>
            </div>
        </div>
    </div>
    <!-- 管理模式-->
    <div class="manage">
        <img src="images/model/manage.jpg" class="hidden-xs">
        <div class="manage_r">
            <h1>管理模式帮您平衡成本和收益</h1>
            <p class="g3">我们为您提供了众多广告定向条件，您可以从中选择适合达成您商业目标的条件锁定人群。这些条件包括人口属性、商业兴趣、地理位置、使用设备、天气环境等等。
            </p>
            <p class="g6">We provide you with a large number of advertising directional conditions, you canchoose suitable for reaching your business objectives of the conditions of the lockcrowd. These conditions include demographic attributes, business interests, geo-graphic location, use of equipment, weather conditions, and so on.</p>
        </div>
        <img src="images/model/model_img_s05.jpg" class="visible-xs">
    </div>
    <!-- 案例展示-->
    <div class="case_show_box">
        <h1 class="g3">案例展示</h1>
        <h2 class="g3">SCOPE OF SERVICE</h2>
        <div class="case_show">
            <img src="images/model/case_show01.jpg">
            <img src="images/model/case_show02.jpg">
            <img src="images/model/case_show03.jpg" class="hidden-xs">
        </div>
        <h3 class="g3">通过专业的分析与策划为客户提供影视广告整体解决方案，令品牌长远发展，更具竞争力</h3>
        <p class="g9">TO DEFINE THE BRAND MODEL BY STUDYING THE BUSINESS MODEL TO PROVIDE EXCELLENT BRAND INTEGRATION SOLUTIONS,
            SO THE BRANLONG-TERM DEVELOPMENT, MORE COMPETITIVE</p>
    </div>
    <footer>
        <p class="f18 g9 hidden-xs">地址/Add：XXX省XXX市XXX县XXX路XXX号</p>
        <p class="f18 g9 hidden-xs">电话/Tel：020-0000000 </p>
        <p class="f18 g9 hidden-xs">邮箱/Mail：contact@fkadjkhsf.com</p>
        <h2 class="f24 wh hidden-xs">全国客服电话 ：400-000-0000</h2>
        <p class="f18 g9 hidden-xs">Copyright © 2006-2017 ZCOOL站酷</p>
        <h3 class="f10 g9 visible-xs">2017 网站样板—建筑建材 版权所有</h3>
        <div class="fot_botm visible-xs">
            <a class="f10 g9">凡科建站 搭建</a>
            <a class="f10 g6">|&nbsp电脑版</a>
        </div>
    </footer>
</div>
<!--底部联系浮窗-->
<div class="float_box visible-xs">
    <a class="f_one f_two">
        <img src="images/model/phone.png">
        <h2 class="wh">电话咨询</h2>
    </a>
    <a class="f_one f_two">
        <img src="images/model/map.png">
        <h2 class="wh">在线地图</h2>
    </a>
    <a class="f_one f_two">
        <img src="images/model/message.png">
        <h2 class="wh">在线留言</h2>
    </a>
</div>
<!--左侧菜单手机端-->
<a class="float_menu_btn"></a>
<ul class="float_menu visible-xs">
    <li class="index_cur g6"><a>首页</a></li>
    <li class="about_gray g6"><a>关于公司</a></li>
    <li class="service_gray g6"><a>服务咨询</a></li>
    <li class="new_gray g6"><a>新闻中心</a></li>
    <li class="contact_gray g6"><a>联系我们</a></li>
</ul>
<a class="shadow"></a>
<script>
    $(document).ready(function () {
        $dragBln = false;
        $(".main_image").touchSlider({
            flexible : true,
            speed : 200,
            btn_prev : $("#btn_prev"),
            btn_next : $("#btn_next"),
            paging : $(".flicking_con a"),
            counter : function (e) {
                $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
            }
        });
        $(".main_image").bind("mousedown", function() {
            $dragBln = false;
        })
        $(".main_image").bind("dragstart", function() {
            $dragBln = true;
        })
        $(".main_image a").click(function() {
            if($dragBln) {
                return false;
            }
        })
        timer = setInterval(function() { $("#btn_next").click();}, 5000);
        $(".main_visual").hover(function() {
            clearInterval(timer);
        }, function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
        $(".main_image").bind("touchstart", function() {
            clearInterval(timer);
        }).bind("touchend", function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
    });
</script>

</body>
</html>